<%--
  Created by IntelliJ IDEA.
  User: 23649
  Date: 2021/5/10
  Time: 11:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<link rel="icon" type="image/x-icon" href=${pageContext.request.contextPath}/../static/img/huaziloge.ico"/>
<meta charset="utf-8">
<title>华子医院</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="${pageContext.request.contextPath}/../static/layui-v2.6.5/layui/css/layui.css" media="all">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

<style>
    /* Make the image fully responsive */
    .carousel-inner img {
        width: 100%;
        height: 100%;
    }

    .carousel-inner {
        width: 1550px;
        height: 600px;
    }

    #demo {
        width: 1500px;
        height: 600px;
        border: 1px solid red;
    }

    #inform li, #informs li {
        display: inline-block;
        margin-right: 150px;
        margin-left: 150px;
        width: 300px;
    }
</style>

</head>
<body>

<div id="demo" class="carousel slide" data-ride="carousel">
    <!-- 指示符 -->
    <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
        <li data-target="#demo" data-slide-to="3"></li>
        <li data-target="#demo" data-slide-to="4"></li>
    </ul>

    <!-- 轮播图片 -->
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="${pageContext.request.contextPath}/../static/img/lunbo1.jpg">
        </div>
        <div class="carousel-item">
            <img src="${pageContext.request.contextPath}/../static/img/lunbo2.jpg">
        </div>
        <div class="carousel-item">
            <img src="${pageContext.request.contextPath}/../static/img/lunbo3.jpg">
        </div>
        <div class="carousel-item">
            <img src="${pageContext.request.contextPath}/../static/img/lunbo4.jpg">
        </div>
        <div class="carousel-item">
            <img src="${pageContext.request.contextPath}/../static/img/lunbo5.jpg">
        </div>
    </div>

    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>
</div>
<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this"><h2>通告通知</h2></li>
        <li><h2>招生招聘</h2></li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show" id="inform">
            <ul>
                <li>
                    <h6>临湘大学华子医院新进药品公示</h6>
                    <span>2021.03.23</span>
                </li>
                <li><h6>
                    信息中心-5G医生移动工作站市场调研
                </h6>
                    <span>2021.05.10</span>
                </li>
                <li><h6>神经内科-CURRY8分析溯源软件系统市场调研</h6>
                    <span>2021.05.08</span>
                </li>
                <li><h6>GCP—NTP时钟、始终服务器和控制终端市场调研</h6>
                    <span>2021.05.08</span>
                </li>
                <li><h6>中央空调维保市场调研</h6>
                    <span>2021.05.08</span>
                </li>
                <li><h6>血清低糖基化lgA1浓度检测试剂及相关配套设备、性激素六项检测试剂......</h6>
                    <span>2021.05.08</span></li>

            </ul>
        </div>
        <div class="layui-tab-item" id="informs">
            <ul>
                <li>
                    <h6>临湘公用公司招聘启事</h6>
                    <span>2021.03.23</span>
                </li>
                <li><h6>
                    临湘大学华子医院生物医药大数据中心博士后招聘启事
                </h6>
                    <span>2021.05.10</span>
                </li>
                <li><h6>华子临床医学院/华子医院博士后报名通知</h6>
                    <span>2021.05.08</span>
                </li>
                <li><h6>华子精准医学研究中心袁江林教授课题组招聘启事</h6>
                    <span>2021.05.08</span>
                </li>
                <li><h6>临湘大学华子医院医疗器械监管研究与评价中心</h6>
                    <span>2021.05.08</span>
                </li>
                <li><h6>高原健康联合研究所常年招聘博士后研究员</h6>
                    <span>2021.05.08</span></li>

            </ul>
        </div>
    </div>
</div>
<img src="${pageContext.request.contextPath}/../static/img/dibu.jpg" style="width: 1425px; ">
<script src="${pageContext.request.contextPath}/../static/layui-v2.6.5/layui/layui.js"></script>
</body>
</html>
